<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="referrer" content="no-referrer">
    <title>首页</title>
    <!-- css样式引用 -->
    <link rel="stylesheet" type="text/css" href="../static/css/header.css" th:href="@{/css/header.css}">
    <link rel="stylesheet" type="text/css" href="../static/css/layout.css" th:href="@{/css/layout.css}">
    <!--<link rel="stylesheet" type="text/css" href="../static/css/right.css" th:href="@{/css/right.css}" >-->

    <!--bootstrap引用-->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <!--js样式引用-->
    <script src="../static/js/header.js" th:src="@{/js/header.js}"></script>

    <!-- css测试样式 -->
    <!-- <link rel="stylesheet" type="text/css" href="../static/css/layout.css"> -->
</head>

<body>
    <!--header-->
    <div th:replace="common/header :: header"></div>
    <div class="borderline m-auto"></div>
    <div class="Topstory">
        <div class="Topstory-container">
            <div class="Topstory-mainColumn">
                <!--主要内容的导航栏-->
                <div>
                    <ul class="nav navbar-nav navbar-left TopstoryTabs Topstory-tabs">
                        <li><a href="http://localhost:8080">推荐</a></li>
                        <li class="active"><a href="http://localhost:8080/hotPage">热榜</a></li>
                    </ul>
                </div>
                <!--加载的内容放在TopstoryContent中-->
                <div class="TopstoryContent">
                    <div th:replace="hotlist :: hotlist"></div>
                </div>
            </div>
            <!--侧边栏-->
            <div class="GlobalSideBar">
                <div class="GlobalSideBar-fixed">
                    <div th:replace="common/right :: right"></div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>